@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}
@border-grey: #e3e3e3;
@arrow-grey: #c8c8c8;
@icon-get: #7fcdbd;
@icon-send: #66bcec;

.address-icon {
    color:#fff;
    width: 30px;
    height: 30px;
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: 16px;
    border-radius: 30px;
    &.icon-get {
        background: @icon-get;
    }
    &.icon-send {
        background: @icon-send;
    }
}
.iconfont {
    -webkit-tap-highlight-color: transparent;
}

.dialog-address{
    .reset-weui-as{
        top: 0;
        bottom: auto;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        .content {
            height: auto;
            padding: 0 0;
            .row {
                padding: 12px 0.08rem;
                border-bottom: 1px solid @border-grey;
                .address {
                    width: auto;
                    overflow: auto;
                    height: auto;
                    line-height: 18px;
                    p {
                        margin-top: 6px;
                    }
                }
            }
            .arrow {
                display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
                display: -moz-box; /* 老版本语法: Firefox (buggy) */
                display: -ms-flexbox; /* 混合版本语法: IE 10 */
                display: -webkit-flex; /* 新版本语法: Chrome 21+ */
                display: flex;
                height: 36px;
                -webkit-justify-content: center;
                justify-content: center;
                -webkit-align-items: center;
                align-items: center;
                .icon-jiantou1 {
                    -webkit-transform: rotate(-90deg);
                    transform: rotate(-90deg);
                    color:@arrow-grey;
                    font-size: 12px;
                }
            }
        }
    }
    .icon-jiantou1{
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        font-size: 12px;
    }
    .weui-actionsheet {
        // top: 0;
        // height: 40px;
        // transform: translate(0,-100%);
        // transform: translateY(-100%);
        &.weui-actionsheet_toggle{
            -webkit-transform: translate(0);
            transform: translate(0);
        }
    }
}
